<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

    <style>
      div {
        width: 600px;
        height: 500px;
        border: 3px solid #000;
        background-color: aquamarine;
      }

      span {
        color: red;
        font-size: 30px;
        text-decoration: line-through;
        font-weight: 900;
        font-style: italic;
      }
    </style>
  </head>
  <body>
    <div>
      <p>
        div标签，没有具体含义，用来<span>划分页面</span>的区域(div标签就是一个容器标签进行页面的大体的布局)
        必须要配合css才能让div有效果
      </p>
      <img src="./images/1.jpg" alt="" width="300" />
    </div>

    <!-- <span>abc</span>
    xxx -->
  </body>
</html>

<!-- 
  div标签，没有具体含义，用来划分页面的区域(div标签就是一个容器标签进行页面的大体的布局)
  必须要配合css才能让div有效果
  div是会独占一行


  span标签, <span></span>没有具体含义,当与 CSS 一同使用时，元素可用于为部分文本设置样式属性
  span是不会独占一行的


 -->
